﻿<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>纵向导航菜单</title>
    <style type="text/css">
      #nav{
         width:200px;
         font-family:Arial;
        }
      #nav ul{
        list-style-type:none;
        margin:0;
        padding:0;
        }
      #nav li{
         border-bottom:1px solid #ed9f9f;
        }
      #nav li a{
         display:block;
         padding:5px 5px 5px 0.5em;
         text-decoration:none;
         border-left:12px solid #711515;
         border-right:1px solid #711515;
        }
     #nav li a:link #nav li a:visited{
         background-color:#c11136;
         color:#fff;
        }
    
      #nav li a:hover{
         background-color:#990020;
         color:#ff0;
        }
    </style>
</head>
<body>
    <div id="nav">
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">关于</a></li>
        <li><a href="#">工程</a></li>
        <li><a href="#">会员</a></li>
        <li><a href="#">联系</a></li>
  </ul>
 </div>
</body>
</html>